<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<link rel="Bookmark" href="imgs/bai.ico"/>
	<link rel="Shortcut Icon" href="imgs/bai.ico"/>
	<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css"/>
	<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css"/>
	<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin"/>
	<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css"/>
	<title>后台</title>
</head>
<body>
<article class="cl pd-20">
	<form class="form form-horizontal" id="form-member-add">
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">
				<span class="c-red">*</span> 小区名：
			</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" id="title"/>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">
				<span class="c-red">*</span>
				所在区域：
			</label>
			<div class="formControls col-xs-8 col-sm-9">
				<!--<span class="select-box">-->
					<!--<select class="select" size="1" id="area_id">-->
						<!--<option value="" selected>-选择区域-</option>-->
					<!--</select>-->
				<!--</span>-->
				<span id="area_str_name"></span>
				<span class="select-box">
					<select class="select" size="1" id="area01" onchange="area02ByPid(this.value);">
						<option value="" selected>-选择区域-</option>
					</select>
				</span>
				<span class="select-box" style="margin: 5px 0;">
					<select class="select" size="1" id="area02" onchange="area03ByPid(this.value);">
						<option value="" selected>-选择区域-</option>
					</select>
				</span>
				<span class="select-box">
					<select class="select" size="1" id="area03" onchange="$('#areaid')[0].value=this.value;">
						<option value="" selected>-选择区域-</option>
					</select>
				</span>
				<input type="hidden" id="areaid" value="0"/>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">
				<span class="c-red">*</span> 所在街道：
			</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" id="street"/>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">
				<span class="c-red">*</span> 拾取坐标：
				<div style="font-size: 12px; color: #888;">单击地图选坐标</div>
			</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" placeholder="输入大概地名搜索地图" id="seakey" style="width: 80%;"/>
				<a href="javascript:;" style="padding: 5px 20px; background: #0088CC; color: #fff;" onclick="addressToMap();">确定搜索</a>
				<div style="margin: 5px 0; padding: 5px 10px; height: 25px; background: #f5f5f5; color: #888;">
					当前坐标：<span id="map">?,?</span>
				</div>
				<div id="container" style="width: 90%; height: 300px;"></div>
			</div>
		</div>
		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
				<input class="btn btn-primary radius" type="button"
					   value="&nbsp;&nbsp;提 交&nbsp;&nbsp;" onclick="modify();"/>
			</div>
		</div>
	</form>
</article>

<!--自定义弹窗-->
<span id="msgPop"></span>
</body>
</html>


<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.js"></script>
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.page.js"></script>
<script type="text/javascript" src="js/view.js"></script>
<script type="text/javascript" src="js/village.js"></script>
<script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=JWYBZ-7LK3K-KRNJA-AGOHX-CIZNK-RCFXV"></script>
<script type="text/javascript">
	var formList = {
		data: [],
		start: 1, limit: 10
	};
	var id = getParamByUrl('id');
	(function (){
		//getOption();
		area01ByPid();
		if (id > 0) {
			getOne(id);
		} else {
			initMap({wd: '', jd: ''});
		}
	})();
</script>